<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache/no-store" />

  <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
  <link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
  <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
  <link rel="stylesheet" type="text/css" href="../lib/datatables/1.10.0/jquery.dataTables.css" />
  <link rel="stylesheet" type="text/css" href="../static/element-ui/theme-chalk/index.css">
  <style type="text/css">
    table {
      word-break: keep-all;
      white-space: nowrap;
      text-align: center;
    }

    table tr th {
      text-align: center;
    }

    img {
      float: left;
    }

    .title {
      height: 43px;
      /* background-size: 176px 40px;
      background-repeat: no-repeat; */
      background-color: #000;
      color: #ffffff;
      text-align: center;
    }

    .title.has-title{
      background: none;
    }

    .title>span {
      font-size: 20px;
      line-height: 43px;
    }

    .title .handle-div {
      float: right;
      height: 100%;
    }

    .title .handle-div>* {
      float: left;
      margin-right: 5px;
      margin-top: 5px;
    }

    .title .el-cascader .el-cascader__search-input {
      -webkit-box-flex: auto;
      flex: auto;
      min-width: 30px;
      width: 30px;
    }

    .title .el-cascader .el-cascader__tags .el-tag--info:first-child {
      max-width: 110px;
    }

    .page-container,
    body {
      background-color: #0E2A43;
      color: white;
    }

    table tr td,
    table tr th {
      color: #44D3E4;
    }

  </style>
  <title>产能查看</title>
</head>

<body>
  <div class="title clearfix" id="app-title" :class="{'has-title':!hasTitle}" v-loading.fullscreen.lock="loading">
    <span id="company"></span>
    <div class="handle-div">
      <el-cascader v-if="type==='registrar'" filterable clearable collapse-tags v-model="search.deptWork" :options="deptWorkList" :props="cascaderProps"
        size="mini" separator="-" style="width:200px" :show-all-levels="false" placeholder="请选择部门-车间"></el-cascader>
      <template v-else-if="type==='manager'">
        <label>{{search.deptWorkName}}-</label>
        <el-select filterable clearable multiple collapse-tags v-model="search.deptWork" size="mini" style="width:220px" placeholder="请选择车间">
          <el-option v-for="deptWork in deptWorkList" :key="deptWork.id" :value="deptWork.id" :label="deptWork.name"></el-option>
        </el-select>
      </template>
      <template v-else-if="type==='leader'">
        <label style="margin-right:10px">{{search.deptWorkName}}</label>
      </template>
      <label>拖期</label>
      <input type="text" class="input-text" style="width:40px;" id="startDay" />
      <label>-</label>
      <input type="text" class="input-text" style="width:40px;" id="endDay" />
      <label>天</label>
      <button class="btn" id="shaiXuan">筛选</button>
      <button class="btn" id="xiao">缩小</button>
      <button class="btn" id="da">放大</button>
      <a class="btn" href="../datav/index.html?autoLogin=autoLogin">回到首页</a>
      <button class="btn" id="loginOut">退出</button>
    </div>
  </div>
  <!--主内容-->
  <div class="page-container">
    <div style="overflow:hidden" id="tableDiv">
      <table class=" table-border table-bordered table-bg " id="queryCapacityTable">
        <thead>
          <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th>01</th>
          </tr>
        </thead>
      </table>
    </div>

    <div id="tableDiv">
      <div style="margin-top:20px;" id="tableDiv">
        <table class=" table-border table-bordered table-bg " id="xx">
        </table>
      </div>
    </div>
  </div>
  <!--_footer 作为公共模版分离出去-->
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
  <script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
  <!--/_footer 作为公共模版分离出去-->

  <!--请在下方写此页面业务相关的脚本-->
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20190514110446vue.min.v2.6.10.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20191112090556element-ui2.11.1(revised).js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103828moment.js"></script>
  <script type="text/javascript" src="../vueSystem/js/request.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
  <script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
  <script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
  <script type="text/javascript" src="../myJs/echartUtil.js"></script>
  <script type="text/javascript" src="../myJs/util.js"></script>
  <script type="text/javascript" src="js/queryCapacity.js"></script>
  <script type="text/javascript" src="js/trunoverDuty.js"></script>
</body>

</html>
